<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>软景官网</title>
    <!-- 初始化的css文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 首页的css文件 -->
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 导航内容 -->
    <div class="nav">
        <!-- logo -->
        <a href="" class="logo"></a>
        <!-- 导航的主体内容 -->
        <ul class="nav_con">
            <li class="active"><a href="">首页</a></li>
            <li><a href="./pages/aboutruanjing.html">关于软景</a></li>
            <li><a href="./pages/proruanjing.html">新闻中心</a></li>
            <li><a href="">产品介绍</a></li>
            <li><a href="">招贤纳士</a></li>
            <li><a href="">下载中心</a></li>
            <li><a href="">联系我们</a></li>
        </ul>
    </div>
    <!-- banner广告 -->
    <div class="banner">
    </div>
    <!-- 内容展示 -->
    <div class="container clearfix">
        <div class="item1">
            <img src="images/icon-1.jpg" alt="">
            <h4>行业解决方案</h4>
            <p>客户服务体系，对讲集群系统，</p>
            <p>手机名片，移动物业，解决方案。</p>
        </div>
        <div class="item2">
            <img src="images/icon-2.jpg" alt="">
            <h4>行业解决方案</h4>
            <p>客户服务体系，对讲集群系统，</p>
            <p>手机名片，移动物业，解决方案。</p>
        </div>
        <div class="item3">
            <img src="images/icon-3.jpg" alt="">
            <h4>行业解决方案</h4>
            <p>客户服务体系，对讲集群系统，</p>
            <p>手机名片，移动物业，解决方案。</p>
        </div>
    </div>
    <!-- 分类的内容 -->
    <div class="category">
        <div class="category_title">
            <h2>产品展示</h2>
            <p>
                <span>─────────</span>
                <span class="text_dis">PRODUCT DISPLAY</span>
                <span>─────────</span>
            </p>
            <p class="text_dis">
                科技创造未来 服务创造价值
            </p>
        </div>
        <div class="category_product">
            <div class="product_item">
                <img src="images/pic01.jpg" alt="">
                <h3>服务器</h3>
                <p>THE SERVER</p>
                <p class="item_keywords">存储 GPU&深度学习 HPC 视频监控 工控机图形工作站 龙芯服务器 优选产品</p>
                <div class="more"> ▸ 更多产品</div>
            </div>
            <div class="product_item">
                <img src="images/pic01.jpg" alt="">
                <h3>服务器</h3>
                <p>THE SERVER</p>
                <p class="item_keywords">存储 GPU&深度学习 HPC 视频监控 工控机图形工作站 龙芯服务器 优选产品</p>
                <div class="more"> ▸ 更多产品</div>
            </div>
            <div class="product_item">
                <img src="images/pic01.jpg" alt="">
                <h3>服务器</h3>
                <p>THE SERVER</p>
                <p class="item_keywords">存储 GPU&深度学习 HPC 视频监控 工控机图形工作站 龙芯服务器 优选产品</p>
                <div class="more"> ▸ 更多产品</div>
            </div>
            <div class="product_item">
                <img src="images/pic01.jpg" alt="">
                <h3>服务器</h3>
                <p>THE SERVER</p>
                <p class="item_keywords">存储 GPU&深度学习 HPC 视频监控 工控机图形工作站 龙芯服务器 优选产品</p>
                <div class="more"> ▸ 更多产品</div>
            </div>
            <div class="product_item">
                <img src="images/pic01.jpg" alt="">
                <h3>服务器</h3>
                <p>THE SERVER</p>
                <p class="item_keywords">存储 GPU&深度学习 HPC 视频监控 工控机图形工作站 龙芯服务器 优选产品</p>
                <div class="more"> ▸ 更多产品</div>
            </div>
            <div class="product_item">
                <img src="images/pic01.jpg" alt="">
                <h3>服务器</h3>
                <p>THE SERVER</p>
                <p class="item_keywords">存储 GPU&深度学习 </p>
                <div class="more"> ▸ 更多产品</div>
            </div>
        </div>
    </div>
    <!-- 网页的脚部 -->
    <div class="foot">
        Copy right &copy;2023软景信息技术有限公司版权所有.豫ICP备1324567890号
    </div>

</body>

</html>